$(function() {
//开始请求第一个分类的所有标签
gainclass(allclass);
	//点logo跳转首页
	$(".goindex").click(function() {
		window.open("http://test.cn", "target")
	})
	//标签input点击
	$(document).on("click",".tags-box .tag input",function(){
		$(".tag-class").fadeToggle(500)
		$(".tags-box .tag input").removeClass("tagchoice")
		$(this).addClass("tagchoice")
	})
	//所有li标签的点击
		$(document).on("click",".class-tags ul li",function(){
			let conten = $(this).text();
			$(".tagchoice").val(conten)
			$(".tag-class").fadeOut(500)
	})
	//五个大板块的选择
	$(".tag-class .classes li").click(function(){
		$(".tag-class .classes li").removeClass("classchoice");
		$(this).addClass("classchoice");
		allclass = $(this).index()+1;
		gainclass(allclass);
	})
		//标签加号的点击
	$(document).on("click",".jia",function(){
		if($(".tag").length<5){
					let tag = `<div class="tag">
							<input type="text" placeholder="点击添加标签" readonly=""/>
							<img src="img/加号.png"  class="jia"/>
							<img src="img/减号.png" class="jian"/>
						</div>`
		$(this).parent().after(tag);
		}else{
				alert("最多拥有五个标签")
			}

	})
	//标签减号的点击
		$(document).on("click",".jian",function(){
			if($(".tag").length>1){
						$(this).parent().remove();
			}else{
				alert("最少拥有一个标签")
			}
	})
	//上传图片按钮的点击
	$(".label-box label").click(function() {
		$(".label-box").css("display", "none");
		$("#test-editormd").css("display", "none")
		$(".sendim").fadeIn(500)
	})

	//弹出框取消的点击
	$(".no").click(function() {
		$(".sendim").css("display", "none");
		$(".label-box").fadeIn(500);
		$("#test-editormd").fadeIn(500);
		$(".img-tit img").remove();

	})
//弹出框确定的点击
	$(".sure").click(function() {
		$(".sendim").css("display", "none");
		$(".label-box").fadeIn(500);
		$("#test-editormd").fadeIn(500);
	})
	//发布文章的点击
	$(".send-page").click(function() {
          send('http://test.cn/Article/createArticle')
	})
  //存为草稿的点击
  $(".Preservation").click(function(){
  	 send('http://test.cn/Article/saveAsDraft')
  })
	//上传图片的js
	$('#uploadFile').change(function() {
			formData = new FormData(document.getElementById("uploadF"));
			$.ajax({
					type: "post",
					url: 'http://test.cn/picture/updatepicture',
					data: formData,
					datatype: 'json',
					cache: false,
					traditional: true,
					contentType: false,
					processData: false,
					success: function(res) {
						if(res.code == 200) {
							$(".img-tit img").remove();
							let name = res.data
							let imgcon = `<img src="http://test.cn/picture/showpicture/${name}"></img>`
							$(".img-tit").append(imgcon)
						}
					}

			})
		});
})


//这里是保存的是五个大板块的id！1到5，初始值为1
var allclass = 1;

function gainclass(all){
					$.ajax({
				    headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                   },
					type: 'post',
					url:"http://test.cn/Article/getTagsById",
					dataType: "json",
					data:{
						columnId:all
					},
					success: function(data) {
						if(data.code == 200) {
                           let ta = data.data;
                           $(".class-tags ul li").remove()
                           $(ta).each(function(index,item){
                           	let acon = `<li>${item.tag_name}</li>`
                           $(".class-tags ul").append(acon)
                           })
						} else {
							alert('输入内容错误！');
						}
					}
				});
}


//这是发送草稿和发布文章的函数

function send(url){
			//一个大对象，把这个对象发过去
		let allcontent = {}
		//富文本内容
		let pagecontent = $(".editormd-markdown-textarea").html();
		//标签数组
		let setarry = [];
		//这里存的是文章标题
		let title;
		//这里保存的是发送的图片地址
		let img = '0';
		if($(".img-tit img").attr("src")){
					img = $(".img-tit img").attr("src");
		}

		if($(".ti").val().trim()!=""){
		title = $(".ti").val();
		}else{
			alert("标题不能为空！")
			return 0;
		}

		$(".tags-box input").each(function(index,item){
			if($(this).val()!=''){
				setarry.push($(this).val());						
			}
		})
		if(setarry.length == 0){
			alert("必须选择一个标签！")
			return 0;
		}
		//开始给对象赋值
		allcontent.title = title;
		allcontent.body = pagecontent;
		allcontent.img_path  = img;
		allcontent.tags = setarry;
		//发送打包好的数据
					$.ajax({
				    headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                   },
					type: "post",
					url:url,
					datatype: "json",
					data:{data:JSON.stringify(allcontent)},
					success: function(data) {
						if(data.code == 200) {
                         alert("成功！")


						} else {
							alert('输入内容错误！');
						}
					}
				});
}
